<template>
    <h1>APP 组件</h1>
    <hr />

    <!--
        组合式 API 跨组件传参
            1. 在顶层组件内, 借助 provide(key, '传递的数据') 方法 向当前组件的所有后代组件暴露一些数据
            2. 在需要使用顶层组件暴露数据的组件内, 通过 inject(key) 方法获取到 顶层组件向后代暴露的一些数据
    -->
    <QFBtn />
</template>

<script setup>
import QFBtn from "./components/qf_btn.vue";
import { provide } from 'vue'

provide('app_info', {
    id: 'QF001',
    name: '张三',
    age: 18
})

</script>
